function load() {
    init();
}

var num;
var data = [];
function init() {
    num = 15;
    add(num);
    $("#loop").onclick = function () {
        loop();
    }
}
function add(num) {

    for (var i = 0; i < num; i++) {
        var div = document.createElement("div");
        data[i] = div;
    }
    for (var j = num - 1; j > 0; j--) {
        var tmp = Math.floor((j - 1) / 2);
        if (tmp >= 0) {
            var child = data[tmp].children;
            if (child.length > 0) {
                data[tmp].insertBefore(data[j], child[0]);
            } else {
                data[tmp].appendChild(data[j]);
            }
        }
    }
    $("#tree").appendChild(data[0]);
}

function loop() {
    var i = 0;
    function run() {
        if (i <= data.length) {
            if (i > 0 || i === data.length) {
                data[i - 1].style.backgroundColor = "white";
                if (i === data.length) {
                    clearInterval(int);
                    return;
                }
            }
            data[i].style.backgroundColor = "blue";
            i++;
        }
    }
    var int = setInterval(run, 1000);
}
function $(el) {
    return document.querySelector(el);
}